#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.por {position:relative;}
.poa {position:absolute;}
.pof {position:fixed;}
.clearfix:after {content:'';clear:both;display:block;height:0;visibility:hidden;font-size:0;line-height:0;}
.fl {float:left;}
.fr {float:right;}
.ovh {overflow:hidden;}
.iblock {display:inline-block;}
.block {display:block;}
.hide {display:none;}
.line-one {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.line-two {overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.line-three {overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;}

.flex {display: flex;}
.justify-center {justify-content: center;}
.space-around {justify-content: space-around;}
.space-between {justify-content: space-between;}
.align-center {align-items: center;}
.flex-column {flex-direction: column;}

.layout {margin: 0 auto;}
@media screen and (min-width: 640px) {.layout {max-width: 640px;}}
@media screen and (min-width: 768px) {.layout {max-width: 768px;}}
@media screen and (min-width: 1024px) {.layout {max-width: 1024px;}}
@media screen and (min-width: 1280px) {.layout {max-width: 1280px;}}
@media screen and (min-width: 1400px) {.layout {max-width: 1400px;}}
